<template>
	<div class="baseInfo">
		<div class="baseInfoCard border-bottom">
			<div class="baseInfoComment border-right">
				<div class="CommentContent">
					<div class="CommentContentTop">
						<span class="CommentScore">5.0</span>
						<span class="CommentText">分</span>
						<span class="CommentDesc">超赞</span>
					</div>
					<div class="CommentContentBottom">
						<span class="CommentNum">3353767条评论</span>
						<span class="CommentMethod">90条攻略</span>
					</div>
				</div>
				<div class="CommentMore">
					<span class="iconfont">&#xe62d;</span>
				</div>
			</div>
			<div class="baseInfoIntro">
				<div class="IntroContent">
					<div class="IntroTitle">景点简介</div>
					<div class="IntroDesc">开放时间、贴士</div>
				</div>
				<div class="IntroMore">
					<span class="iconfont">&#xe62d;</span>
				</div>
			</div>
		</div>
		<div class="baseInfoAddress">
			<div class="AddressDesc">
				<span class="iconfont">&#xe65d;</span>
				北京市东城区景山前街4号
			</div>
			<div class="AddressMore">
				<span class="iconfont">&#xe62d;</span>
			</div>
		</div>
	</div>
</template>

<script>
export default {
	name:'DetailListBaseinfo',
	data() {
		return {
			
		};
	},
	props:{
		
	}
}
</script>

<style lang="stylus" scoped>
@import '~styles/varibles.styl'	
@import '~styles/mixins.styl'

.baseInfo
	position:relative
	top:-.1rem
	padding:.1rem .2rem 0 .2rem
	margin-bottom:.1rem
	border-radius:.1rem .1rem 0 0
	background-color:#fff
	.baseInfoCard
		display:flex
		padding:.1rem 0 .2rem 0
		width:100%
		.baseInfoComment
			flex:3
			display:flex
			.CommentContent
				flex:5
				.CommentContentTop
					color:$detailColor
					.CommentScore
						font-size:.44rem
						line-height:.44rem
					.CommentText
						font-size:.28rem
						line-height:.28rem
					.CommentDesc
						font-size:.28rem
						line-height:.28rem
						margin-left:.2rem
				.CommentContentBottom
					color:#9e9e9e
					font-size:.24rem
					line-height:.32rem
					.CommentNum
						margin-right:.1rem
					.CommentMethod
						margin-right:.1rem
			.CommentMore
				flex:1
				text-align:center
				detailMore()
				.iconfont
					font-size:.24rem
					color:#9e9e9e
		.baseInfoIntro
			flex:2
			display:flex
			.IntroContent
				flex:5
				padding-left: .3rem;
				.IntroTitle
					font-size: .28rem;
					color: #212121;
					line-height: .48rem;
				.IntroDesc
					color:#9e9e9e
					font-size:.24rem
			.IntroMore
				flex:1
				text-align:center
				detailMore()
				.iconfont
					font-size:.24rem
					color:#9e9e9e
	.baseInfoAddress
		display:flex
		padding:.2rem 0
		.iconfont
			color:#9e9e9e
			font-size:.36rem
		.AddressDesc
			flex:13
			display: block;
			position: relative
			line-height: .36rem
		.AddressMore
			flex:1
			text-align:center
			detailMore()
			.iconfont
				font-size:.24rem
				color:#9e9e9e
</style>
